swiper {
  height: 340rpx;

  swiper-item image {
    width: 100%;
  }
}

.cate {
  width: 100%;
  display: flex;
  margin-top: 40rpx;

  navigator {
    flex: 1;
    text-align: center;

    image {
      width: 70%;
    }
  }
}

.floor {
  margin-top: 30rpx;

  .title {
    padding: 10rpx 0;

    image {
      width: 100%;
    }
  }

  .content {
    width: 100%;
    padding: 0 10rpx;
    overflow: hidden;

    navigator {
      box-sizing: border-box;
      float: left;
      width: calc((100% - 20rpx)/3);

      //第一张图片是 232 * 386 
      //  232 / 386 =   width: calc((100% - 20rpx)/3)  / height
      &:nth-last-child(-n+4) {
        height: calc(32.5vw * 386 / 232 /2);
        border-left: 10rpx solid #fff;
      }

      &:nth-child(2),
      &:nth-child(3) {
        border-bottom: 10rpx solid #fff;
      }

      image {
        width: 100%;
        height: 100%
      }
    }
  }
}